<div class="container">
    <div class="header flex flex-align-center">
        <i class="fa fa-angle-left backIcon" aria-hidden="true" (click)="back()"></i>
        <h1 class="font-normal">{{dish.name}}</h1>
        <i></i>
    </div>
    <div class="content" [ngStyle]="{'height':contentHeight+'px'}">
        <img src="{{dishImgSrc}}" alt="">
        <div class="description">
            <h2>简介</h2>
            <p>{{dish.description}}</p>
        </div>
        <div class="description">
            <h2>原料</h2>
            <p>{{dish.material}}</p>
        </div>
        <div class="description">
            <h2>做法</h2>
            <p *ngFor="let item of dish.course; let i = index;">{{i+1}}、{{item}}</p>
        </div>
    </div>
</div>